<!DOCTYPE>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>QQ帐号安全登录</title>
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../css/land.css">
  <style type="text/css">

  </style>
</head>

<body>
  <div class="login">
    <div class="headerTop">
      <div class="logo">
        <img src="../images/QQdenglu.png" />
      </div>
    </div>
    <div class="main">
      <div class="mainLeft">
        <h3><span>账号密码登录</span></h3>
        <form>
          <input class="text" type="text" placeholder="支持QQ号/邮箱/手机号登录" required value="">
          <a class="delete" id="delete" href="#"></a>
          <input type="password" name="" placeholder="密码">
          <a class="a" href="#">授权并登录</a>
        </form>
      </div>
      <div class="mainRight">
        <p>该网站已有超过1千万用户使用QQ登录</p>
        <p><a href="#">爱奇艺PPS</a>讲获得以下权限</p>
        <p><input type="checkbox" checked="checked" disabled="disabled">全选</p>
        <ul>
          <li><input type="checkbox" checked="checked" disabled="disabled">获得您的昵称，头像，性别</li>
          <li><input type="checkbox" checked="checked" disabled="disabled">分享内容到QQ空间</li>
          <li><input type="checkbox" checked="checked" disabled="disabled">读取，达标腾讯微博信息</li>
        </ul>
        <p class="agreement">授权后表明你已同意<a href="#">QQ登录服务协议</a></p>
        <div class="code">
          <img src="../images/code.jpg">
        </div>
      </div>
    </div>
  </div>
  <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
  </script>
  <script>
    $(document).ready(function () {
      $("#delete").click(function () {
        $('.text').val('');
      });
    });
  </script>
</body>

</html>